import React, { useEffect, useState } from "react";

export default function Effect(){
  let [num,setNum] = useState(2022);
  let [x,setX] = useState(100);
  //第一次渲染完，以及每一次更新完，触发执行
  useEffect(()=>{
    console.log('@1',num,x)
  })
  //第一次渲染完 触发执行
  useEffect(()=>{
    console.log('@2',num,x)
  },[])
  //第一次渲染完触发执行&&只有依赖的值状态改变才会触发
  useEffect(()=>{
    console.log('@3',num,x)
  },[num]);
  return(
    <div>
      <p>{num}</p>
      <button onClick={()=>{setNum(num+2)}}>处理</button>
      <p>{x}</p>
      <button onClick={()=>{setX(x+1)}}>处理</button>
    </div>
  )

}